div(layout="row", layout-align="start center", flex)
	md-list-item.model-indent(
		flex
		ng-click="vm.goToModel()"
		layout="row"
		layout-align="start center"
		layout-fill
		ng-disabled="vm.isProcessing()")
			md-button.md-icon-button(aria-label="Dashboard")
				md-icon.angular-material-icons dashboard
			p.modelName.md-list-item-text(flex="100") {{vm.model.name}}

	.modelRight(layout="row", layout-align="start center")
		.modelUploadInfo(layout="row", layout-align="start center")
			p.modelUploadFilename(ng-if="!vm.isLiteMode") {{vm.uploadFileName}}
			p.modelUploadInfo(ng-if="!vm.isLiteMode") {{vm.fileUploadInfo}}
			md-progress-circular.modelUploadIcon(
				md-mode="indeterminate"
				md-diameter="15"
				ng-if="vm.isProcessing()")

		p.modelTimestamp(ng-if="!vm.isLiteMode") {{vm.model.timestampPretty}}

		md-menu(md-position-mode="target-right target", id="{{vm.dialogCloseTo}}")
			md-button.md-icon-button.modelSettingsButton(
				aria-label="More"
				ng-click="$mdOpenMenu($event)"
				ng-disabled="vm.isProcessing()")

				md-icon.md-menu-origin.angular-material-icons(md-menu-origin) more_vert
			md-menu-content.modelOptionsMenu(width="3")
				md-menu-item(ng-repeat="(key, value) in vm.modelOptions", ng-if="!value.hidden")
					md-button(ng-click="vm.doModelOption($event, key)")
						div(layout="row", flex)
							md-icon.angular-material-icons(md-menu-align-target, style="color:{{value.color}}") {{value.icon}}
							span(flex, style="color:{{value.color}}") {{value.label}}
